/**
 * @Author:周邱艳
 * @Date:2020/6/30
 * @Description:这是交易信息
 */
import React,{Component} from "react";
import { Steps, WingBlank } from 'antd-mobile';
import "../../../access/css/positionlist.css"
import { SmileTwoTone} from '@ant-design/icons';

const Step = Steps.Step;

const steps = [{
    title: '买入',
    description: '当日15点前买入',
    icon:<SmileTwoTone />
}, {
    title: '确认份额',
    description: '预计三天后实际以各基金确认为准',
    icon:<SmileTwoTone />
}, {
    title: '查看盈亏',
    description: '各基金确认日净值更新后',
    icon:<SmileTwoTone />
}].map((s, i) => <Step key={i} title={s.title} description={s.description} icon={s.icon} />);

export default class TradingInformation extends Component{
    render() {
        return (
            <WingBlank mode={20} className="stepsExample">
                <Steps current={1} direction="horizontal" size="small">{steps}</Steps>
            </WingBlank>
        );
    }
}
